<!DOCTYPE html> 
<html> 
	<head> 
	<title>Add Alcoholic Beverage</title> 
	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
</head> 
<body> 

<div data-role="page">

	<div data-role="header">
		<h1>Add Custom Beverage</h1>
	</div><!-- /header -->

<a href="index.html">Home</a>
	<div data-role="content">	
		
		
		<div data-role="fieldcontain">
    		<fieldset data-role="controlgroup" data-type="horizontal" >
    			<legend>Enter Alcohol (%):</legend>
		<div data-role="fieldcontain">
    	  		<input type="text" name="name" id="name" value=""  />
		</div>	
       		</fieldset>
		</div>
		
		
		<div data-role="fieldcontain">
    		<fieldset data-role="controlgroup" data-type="horizontal" >
    			<legend>Enter Size (mL):</legend>
         <div data-role="fieldcontain">
    		<input type="text" name="name" id="name" value=""  />
		</div>	

       		</fieldset>
       		
       	 <h1> Or </h1>     
       	 
       	
       	<div data-role="fieldcontain">
    		<fieldset data-role="controlgroup" data-type="horizontal" >
    			<legend>Enter Standard Drinks:</legend>
        	<input type="text" name="name" id="name" value=""  />
		</div>	

       		</fieldset>
       	
       		
       		
		</div>
		

       		</fieldset>
		</div>
		
		<div data-role="fieldcontain">
    		<label for="name">Total Drinks Consumed:</label>
    		<input type="text" name="name" id="name" value=""  />
		</div>	
	

		<a href="index.html" data-role="button">Add Drink</a>
		<a href="index.html" data-role="button">Go Back</a>

		
					
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Navigation</h4>
	</div><!-- /footer -->
</div><!-- /page -->

</body>
</html>